import React,{useEffect} from 'react'
import './Css/User_analytics_component.css'
import * as echarts from 'echarts';
export default function Trend(props) {
    const {trend, box, main} =props
    useEffect(() => {
        box()
    })

    return (
        <div>
            <p style={{ padding: '0.4rem', fontSize: '0.3rem' }}>{props.name}</p>
            <div className='Trend_div'>
                <div className='Trend_div_title'>
                    {trend.map(item=>{
                        return <span key={item}>{item}</span>
                    })}
                </div>
                <div id={main} >

                </div>
            </div>
        </div>
    )
}
